# Курсы «Нетологии»

### Реализация

#### В песочнице CodePen

Перед началом работы сделайте форк пена на [https://codepen.io/Netology/pen/aRNmrW](https://codepen.io/Netology/pen/aRNmrW?editors=1100#0). Вносите изменения во вкладках HTML и CSS.

##### Внимание: Общую структуру документа создавать не надо, вкладка Codepen «HTML» работает, как тег `<body>`
см. [инструкцию по работе с Codepen](https://github.com/netology-code/guides/tree/master/codepen).

---

## Описание

Ваша помощь снова понадобилась на сайте «Нетологии». После того как была создана верстка раздела курсов, менеджер заметил, что **отступ сверху в блоке слишком большой**:

![](https://github.com/netology-code/fpy-homeworks/blob/main/sources/2-2/courses-before.jpg)

Вам нужно разобраться, что не так, и исправить ошибки, которые вы заметите, чтобы блок выглядел согласно макету:

![](https://github.com/netology-code/fpy-homeworks/blob/main/sources/2-2/courses-after.jpg)

## Процесс реализации

1. Между элементами с классом `course` должен остаться вертикальный отступ, равный `70px`, но замечание менеджера должно быть исправлено.
2. Исходя из того, что элементы с классом `.course` являются блочными, найдите оптимальный способ расположения их на странице друг под другом, в соответствии с макетом.
3. Оптимизируйте текущий CSS, удалив из него избыточный код. Внешне результат должен соответствовать макету.
4. Убедитесь, что результат соответствует описанию. Для этого перейдите в режим FullPage ([скриншот](/sources/screen.md)). Если режим FullPage View выдал ошибку — вам нужно подтвердить свою учетную запись в codepen, пройдя по ссылке из письма, пришедшего от codepen, тогда все должно начать работать корректно.

